@import './transition.scss';
@import './mixin.scss';

body, html {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
*{
  box-sizing: border-box;
}

ul,li{
  list-style: none;
  padding: 0;
  margin: 0;
}

body{
  min-width: 1000px;
  font-size: 14px;
}

a:focus {
  outline: none;
}

.clearfix::before,
.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

.an-box {
  height: 100%;
  background: #ffffff;
  border-radius: 4px;
}

.an-H{
  height: 100%;
}

.an-box-card{
  height: calc( 100% - 2px );
  .el-card__body{
    height: calc( 100% - 110px );
    .an-card-body{
      position: relative;
      height: 100%;
    }
  }
}

.an-money {
  color: $color-org;
  strong {
    font-size: 18px;
  }
}

.an-page{
  position: relative;
  padding: 15px;
  .an-form-inline{
    padding: 15px;
    padding-bottom: 0;
  }
}
// 分页样式
.an-page-class{
  position:absolute;
  bottom:0px;
  left:0;
  right:0;
  padding: 15px 0;
  background: #ffffff;
  text-align: center;
}

//表格内容不换行超出部分隐藏
.an-tab-col{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*============ 框架样式 ================ */
$color-bg1:#253340;  
$color-bg-active: #363d47;
$color-bg-item-active: #2a2d34;

.el-aside{
  /* 左侧菜单 */
  .el-menu{
    border: none;
    background-color:$color-bg1;
    .el-submenu__title{
      &:hover{
        background-color: $color-bg-active;
      }
    }
    .svg-icon{
      width: 18px;
      height: 18px;
      margin-right: 5px;
      vertical-align: middle;
    }
    .el-submenu{
      // 选中的一级菜单
      &.is-active{
        //background-color: $color-bg-active;
        // 二级菜单
        .el-menu{
          //background-color: $color-bg-active;
        }
      }
    } 
    .el-menu-item{
      &:focus{
        background-color: $color-bg-active;
      }
      &:hover{
        background-color: $color-bg-active;
      }
      // 选中的二级菜单
      &.is-active{
        @include bg-linear-gradient();
      }
      i{
        margin-right: 13px;
      }
    }
    
  }
}

.an-dialog {
  .el-dialog__body {
    max-height: 600px;
    padding-top: 0;
    overflow: auto;
  }
}

.an-close-ico {
  position: absolute;
  right: -5px;
  top: -5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: $color-Danger;
  border-radius: 50%;
  overflow: hidden;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
}

.an-tabs-card{
  padding: 0;
  .el-tabs--border-card{
    border: none;
    box-shadow: none;
  }
  .el-tabs--border-card > .el-tabs__content{
    padding: 0;
  }
}

/* 滚动条样式 */
::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;
  height: 5px;;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background-color: #cfcfcf;
  border-radius: 5px;
}
::-webkit-scrollbar-track-piece {
  background: 0 0;
}

.el-scrollbar{
  ::-webkit-scrollbar-thumb {
    background: none;
  }
}

.el-collapse-item .el-collapse-item__header{
  font-weight: bold;
}